/*************************************************************/
/* 路由懒加载等待页面 */
/*************************************************************/
@import '../../assets/styles/global-variable.less';

.Loading {
    width: 100%!important;
    height: 100%!important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: @theme-background-color;
    backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 56px;
    color: lighten(@theme-color, 20%);
    transition: background-color 0.3s;
    animation: loading-animation 1.2s infinite;
    &::after {
        content: '';
        animation: dot-animation 1.8s infinite;
    }
}
@keyframes loading-animation {
    0% { letter-spacing: 0px;}
    50% { letter-spacing: 2px;}
    100% { letter-spacing: 0px;}
}

@keyframes dot-animation {
    0% { content: ''}
    33% { content: '.'}
    66% { content: '..'}
    100% { content: '...'}
}